<template>
  <div class="app-container">
    <el-card class="box-card">
      <comp-slot>
        <mark slot="name" class="slot-name">我是有名称的插槽</mark>
        <slot>
          <div class="slot-name">
            <mark>我是默认插槽里面的内容</mark>
          </div>
        </slot>
      </comp-slot>
    </el-card>
  </div>
</template>

<script>
import CompSlot from "./slot.vue";

export default {
  components: {
    CompSlot
  },
  data() {
    return {

    };
  }
};
</script>

<style scoped lang="scss">
.slot-name{
  height: 50px;
  line-height: 50px;
}
</style>
